<template>
  <div class="content">
    <div class="h3">
      <h3>常见问题</h3>
      <span>更新时间：2022-11-07 14:45</span>
    </div>
    <div class="doc_content">
      <div class="doc">
        <h4>权威节点见证</h4>
        <p>数据采用分布式账本保存，并由各有公信力的权威节点共同见证。</p>
      </div>
      <!-- 登录流程 -->
      <div class="flowpath">
        <div class="login">
          <h3>登录流程</h3>
        </div>
        <div class="flowpath_content">
          <div class="flowpath_item">
            <p>1.注册账号</p>
            <div class="item">
              <p>a.输入用户名<span>(必填项)</span></p>
              <p>b.密码<span>(必填项)</span></p>
              <p>c.手机号<span>(必填项，一个手机号只能绑定一个账号)</span></p>
            </div>
          </div>
          <div class="flowpath_item">
            <p>2.登录账号(已注册的账号)</p>
            <div class="item">
              <p>a.用户名密码登录</p>
              <p>b.手机号验证码登录</p>
            </div>
          </div>
          <div class="flowpath_item">
            <p>3.找回密码</p>
            <div class="item">
              <p>通过手机号验证码进行找回</p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>
    
<script setup lang='ts'>
</script>


<style lang="less" scoped>
.content {
  .h3 {
    border-bottom: 1px solid #ebedf0;
    padding: 20px;
    h3 {
      font-size: 26px;
      font-weight: 600;
    }
    span {
      font-size: 14px;
    }
  }
  .doc_content {
    padding: 20px;
    .doc {
      margin-bottom: 40px;
      h4 {
        font-weight: 550;
        margin-bottom: 8px;
      }
      p {
        font-size: 14px;
      }
    }
    .flowpath {
      h3 {
        font-size: 26px;
      }
      .flowpath_content {
        .flowpath_item {
          p {
            font-size: 18px;
          }
          > p:first-child {
            font-weight: bold;
            margin: 10px 0 0 0;
          }
          .item {
            text-indent: 2em;
            span {
              font-size: 15px;
              color: red;
            }
          }
        }
      }
    }
  }
}
</style>